<template>
    <div>
      <div class="header">
        <img src="../img/left.png" @click="back">
        <h4>吾乐贷</h4>
      </div>
      <div class="product-list"  v-for="list in lists">
        <div class="product-item">
        <div class="product-header">
        <p>{{list.loanTitle}}</p>
        <p>贷款上限: <span>{{list.mostMoney}}</span></p>
        </div>
        <div class="product-section" @click="goDetail">
        <img src="../img/1.jpg">
        <div>
        <p>
        <span><span>发布日期</span>:<span>{{list.updateAt}}</span></span>
        </p>
        <p>
        <span><span>产品描述</span>:<span>{{list.loanDescribe}}</span></span>
        </p>
        </div>
        </div>
        </div>
      </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
             lists:[]
            }
        },
      created(){
        this.$http.post(this.urlHost+'loan/list.do',{
          emulateJSON:true
        }).then(function(res){
         // console.log( res);
          this.lists=res.body.list

        },function(res){
          alert(res)
        });
      },
        methods: {
        back(){
          this.goback()
        },
          goDetail(){
            this.$router.push({path: 'applicationDetail'});
          }
        }
    }
</script>
<style>
</style>
